<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小G</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <xg_component message="小果课堂   "></xg_component>
        <xg_component message="小果课堂   "></xg_component>
    </div>
    <script>
        Vue.component('xg_component',{
            props:{
                message:{
                    type:String
                }
            },
            data:function(){
                return {
                    count:0
                }
            },
            template:'<button v-on:click="count++">{{message}}点击{{count}}次</button>'
        })
        new Vue({
            //绑定元素
            el:'#app',
            //数据源
            data:{

            },
            //定义方法
            methods:{

            }
        })
</script>
</body>
</html>
